﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class>
<head runat="server">
    <title></title>
    <link media="all" rel="stylesheet" type="text/css" href="css/all.css" />
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">            window.jQuery || document.write('<script type="text/javascript" src="js/jquery-1.7.2.min.js"><\/script>');    </script>
    <script type="text/javascript" src="js/jquery.main.js"></script>
    <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
</head>
<body>
    
    <div id="wrapper">
    <form id="form1" runat="server">
        <div id="content">
            <div class="c1">
                <div class="controls">
                    <nav class="links">
						<ul>							<li><a href="#" class="ico1">Messages <span class="num">26</span></a></li>							<li><a href="#" class="ico2">Alerts <span class="num">5</span></a></li>							<li><a href="#" class="ico3">Documents <span class="num">3</span></a></li>						</ul>
					</nav>
                    <div class="profile-box">
                        <span class="profile"><a href="#" class="section">
                            <img class="image" src="images/img1.png" alt="image description" width="26" height="26" />
                            <span class="text-box">Welcome <strong class="name">Asif Aleem</strong> </span></a>
                            <a href="#" class="opener">opener</a> </span><a href="#" class="btn-on">On</a>
                    </div>
                </div>
                <div class="tabs">
                    <div id="tab-1" class="tab">
                        <article>							<div class="text-section">								<h1>1</h1>								<p>消息1</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-2" class="tab">
                        <article>							<div class="text-section">								<h1>2</h1>								<p>消息1</p>							</div>                            <ul class="states">                                <li>发送邮件地址：<asp:TextBox ID="Tb_send_mail" runat="server"></asp:TextBox></li>                                <li>邮件标题：<asp:TextBox ID="Tb_send_title" runat="server"></asp:TextBox></li>                                <li>邮件内容：<asp:TextBox ID="Tb_send_conten" runat="server"></asp:TextBox></li>                                <li><asp:Button ID="Bt_send_ok" runat="server" Text="发送" onclick="Bt_send_ok_Click"></asp:Button></li>                            </ul>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-3" class="tab">
                        <article>							<div class="text-section">								<h1>3</h1>								<p>消息1</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-4" class="tab">
                        <article>							<div class="text-section">								<h1>4</h1>								<p>消息1</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-5" class="tab">
                        <article>							<div class="text-section">								<h1>5</h1>								<p>消息1</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-6" class="tab">
                        <article>							<div class="text-section">								<h1>添加SMTP邮箱</h1>								<p>手动添加smtp邮箱</p>							</div>                            <ul class="states">                                <li>                                    邮箱名称（自定义）：<asp:TextBox 
                                        ID="Tb_smtp_name" runat="server"></asp:TextBox>
                                    邮箱账户：<asp:TextBox ID="Tb_smtp_username" runat="server"></asp:TextBox>                                    邮箱密码：<asp:TextBox ID="Tb_smtp_pass" runat="server"></asp:TextBox>                                    <asp:Button ID="Bt_smtp_add" runat="server" Text="添加" 
                                        onclick="Bt_smtp_add_Click"></asp:Button>                                        <asp:Button ID="Button1" runat="server" Text="show" onclick="Button1_Click"></asp:Button>                                </li>                                <li>
                                    <asp:DataList ID="DataList1" runat="server">
                                        <ItemTemplate>
                                            <%# Eval("username")%>
                                        </ItemTemplate>
                                    </asp:DataList>
                                </li>
                            </ul>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-7" class="tab">
                        <article>							<div class="text-section">								<h1>7</h1>								<p>This is a quick overview of some features</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                    <div id="tab-8" class="tab">
                        <article>							<div class="text-section">								<h1>8</h1>								<p>This is a quick overview of some features</p>							</div>							<ul class="states">								<li class="error">错误 : 这是一条错误消息</li>								<li class="warning">警告，这是一条警告消息</li>								<li class="succes">成功：这是一条成功消息</li>							</ul>						</article>
                    </div>
                </div>
            </div>
        </div>
        <aside id="sidebar">			<strong class="logo"><a href="#">lg</a></strong>			<ul class="tabset buttons">				<li class="active">					<a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>					<span class="tooltip"><span>Dashboard</span></span>				</li>				<li>					<a href="#tab-2" class="ico2"><span>Gallery</span><em></em></a>					<span class="tooltip"><span>Gallery</span></span>				</li>				<li>					<a href="#tab-3" class="ico3"><span>Pages</span><em></em></a>					<span class="tooltip"><span>Pages</span></span>				</li>				<li>					<a href="#tab-4" class="ico4"><span>Widgets</span><em></em></a>					<span class="tooltip"><span>Widgets</span></span>				</li>				<li>					<a href="#tab-5" class="ico5"><span>Archive</span><em></em></a>					<span class="tooltip"><span>Archive</span></span>				</li>				<li>					<a href="#tab-6" class="ico6">						<span>Comments</span><em></em>					</a>					<span class="num">11</span>					<span class="tooltip"><span>Comments</span></span>				</li>				<li>					<a href="#tab-7" class="ico7"><span>Plug-in</span><em></em></a>					<span class="tooltip"><span>Plug-in</span></span>				</li>				<li>					<a href="#tab-8" class="ico8"><span>Settings</span><em></em></a>					<span class="tooltip"><span>Settings</span></span>				</li>			</ul>			<span class="shadow"></span>		</aside>
    </form>
    </div>
</body>
</html>
